<template>
  <div id="app">
    <keep-alive>
      <transition name="view">
        <router-view />
      </transition>
    </keep-alive>
  </div>
</template>
<script>
export default {
  data(){
    return {}
  },
  mounted(){
    $store.state.config.theme
  }
}
</script>
<style>
* {
  margin: 0;
  padding: 0;
}
#app {
  height: 100%;
}
html,
body {
  height: 100%;
  overflow:hidden;
}
#nprogress .bar {
  background: #004cf9 !important;
}

.view-enter-active {
  animation: atguigu 0.5s ease-out;
}
.view-leave-active{
  /* animation: atguigu 0.5s ease-out reverse; */
}

@keyframes atguigu {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0px);
  }
}
</style>
